<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../static/base/icon/favicon.ico">
    <title>Justified Nav Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="../static/base/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="../static/base/css/justified-nav.css" rel="stylesheet">
    <!--jquery-->
    <script src="../static/base/js/jquery.min.js"></script>
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <script src="../static/base/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="../static/base/js/ie-emulation-modes-warning.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body style="background-color: #f1ff90">

<div class="container" >
    <!--头-->
    <div class="masthead">
        <h3 class="text-muted">Project name</h3>
        <nav>
            <ul class="nav nav-justified ">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Projects</a></li>
                <!--<li><a href="#">Services</a></li>-->
                <!--<li><a href="#">Downloads</a></li>-->
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </div>
    <div style="height: 600px">
    <div class="bs-docs-sidebar" style=" line-height:40px;background-color:#d4dce8;
    height:100%;
    width:193px;
    float:left;
    padding-left:3px;">
        <ul class="nav nav-list  affix">
            <li class=""><a href="#typography"><i class="icon-chevron-right"></i> 排版</a></li>
            <li class=""><a href="#code"><i class="icon-chevron-right"></i> 代码</a></li>
            <li class=""><a href="#tables"><i class="icon-chevron-right"></i> 表格</a></li>
            <li class=""><a href="#forms"><i class="icon-chevron-right"></i> 表单</a></li>
            <li class=""><a href="#buttons"><i class="icon-chevron-right"></i> 按钮</a></li>
            <li class=""><a href="#images"><i class="icon-chevron-right"></i> 图片</a></li>
            <li class="active"><a href="#icons"><i class="icon-chevron-right"></i> 由Glyphicons提供的图标</a></li>
        </ul>
    </div>
    <div style=" width:947px;height:100%;
    float:left;
    padding-top: 0px;
   ">
        <!--<iframe style="border: hidden" width="100%" height="100%" src="HelloWorld.html"-->
        <!--&gt;</iframe>-->
        <a href="HelloWorld.html">网页</a>
    </div>
    </div>
</div> <!-- /container -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../static/base/js/ie10-viewport-bug-workaround.js"></script>
<!--index.js-->
<script src="../static/work/js/index.js"></script>
</body>
</html>
